<!-- toaster directive -->
<toaster-container toaster-options="{'position-class': 'toast-top-right', 'close-button':true}"></toaster-container>
<!-- / toaster directive -->

<!-- 导航条 -->
<div class="bg-white bread-crumb">
    <ul class="breadcrumb b-a m-b-n-xs lter b-b wrapper-md">
        <li><a ui-sref="main"><i class="fa fa-home"></i> 首页</a></li>
        <li><a ui-sref="main.toolChest.media.list" href="">媒体大全管理</a></li>
        <li class="active" ng-bind="title"></li>
    </ul>
</div>

<!-- 内容区域 -->
<div class="wrapper-md content">
    <div class="panel panel-default">
        <!-- 头部 -->
        <div class="panel-heading font-bold">{{title}}
            <a class="btn btn-sm btn-icon btn-rounded btn-default pull-right m-t-n-xs" ui-sref="main.toolChest.media.list"><i class="text-md fa fa-times text-muted"></i></a>
        </div>
        <!--表单-->
        <div class="panel-body">
            <form class="form-horizontal"  name="extract_form" id="form" ng-submit="submit()">

                <div class="form-group">
                    <label class="col-sm-3  control-label"><span class="text-danger wrapper-sm">*</span>广告平台id:</label>
                    <label class="col-sm-3 col-lg-2" style="padding-top:3px;">
                        <input type="text" class="form-control" name="platformId" id="platformId" placeholder="广告平台id..." maxlength="10"
                               ng-model="record.platformId" required>
                    </label>
                </div>
                <div class="line line-dashed b-b line-lg pull-in"></div>

                <div class="form-group">
                    <label class="col-sm-3  control-label">平台名称:</label>
                    <label class="col-sm-3 col-lg-2" style="padding-top:3px;">
                        <input type="text" class="form-control" name="platformName" id="platformName" placeholder="平台名称..." maxlength="20"
                               ng-model="record.platformName">
                    </label>
                    <label class="col-sm-3  control-label">媒体类型:</label>
                    <label class="col-sm-3 col-lg-2" style="padding-top:3px;">
                        <input type="text" class="form-control" name="mediaType" id="mediaType" placeholder="媒体类型..." maxlength="20"
                               ng-model="record.mediaType">
                    </label>
                </div>
                <div class="line line-dashed b-b line-lg pull-in"></div>

                <div class="form-group">
                    <label class="col-sm-3  control-label"><span class="text-danger wrapper-sm">*</span>媒体名称:</label>
                    <label class="col-sm-3 col-lg-2" style="padding-top:3px;">
                        <input type="text" class="form-control" name="mediaName" id="mediaName" placeholder="媒体名称..." maxlength="20"
                               ng-model="record.mediaName" required>
                    </label>
                    <label class="col-sm-3  control-label"><span class="text-danger wrapper-sm">*</span>广告位名称:</label>
                    <label class="col-sm-3 col-lg-2" style="padding-top:3px;">
                            <input type="text" class="form-control" name="slotName" id="slotName" placeholder="广告位名称..." maxlength="100"
                                   ng-model="record.slotName" required>
                    </label>
                </div>
                <div class="line line-dashed b-b line-lg pull-in"></div>

                <div class="form-group">
                    <label class="col-sm-3  control-label">媒体网址:</label>
                    <label class="col-sm-3 col-lg-2" style="padding-top:3px;">
                        <input type="text" class="form-control" name="mediaLink" id="mediaLink" placeholder="媒体网址..." maxlength="100"
                               ng-model="record.mediaLink">
                    </label>
                    <label class="col-sm-3  control-label">广告位网址:</label>
                    <label class="col-sm-3 col-lg-2" style="padding-top:3px;">
                        <input type="text" class="form-control" name="slotLink" id="slotLink" placeholder="广告位网址..." maxlength="100"
                               ng-model="record.slotLink">
                    </label>
                </div>
                <div class="line line-dashed b-b line-lg pull-in"></div>

                <div class="form-group">
                    <label class="col-sm-3  control-label"><span class="text-danger wrapper-sm">*</span>尺寸:</label>

                    <label class="col-sm-1 col-lg-1" style="padding-top:3px;">

                        <input type="text" class="form-control" name="widthSize" id="widthSize" placeholder="宽度..."
                               ng-model="record.widthSize" required>
                    </label>
                    <label style="float: left;margin-top:6px;"><span>{{record.symbol}}</span></label>
                    <label class="col-sm-1 col-lg-1" style="padding-top:3px;">
                        <input type="text" class="form-control" name="heightSize" id="heightSize" placeholder="高度..."
                               ng-model="record.heightSize" required>
                    </label>

                    <label class="col-sm-3  control-label"><span class="text-danger wrapper-sm">*</span>流量类型:</label>
                    <label class="col-sm-3 col-lg-2" style="padding-top:3px;">
                        <select class="form-control" name="flowType" id="flowType" ng-model="record.flowType" placeholder="流量类型..." required>
                            <option value="1">web</option>
                            <option value="2">app</option>
                        </select>
                    </label>
                </div>
                <div class="line line-dashed b-b line-lg pull-in"></div>

                <div class="form-group">
                    <label class="col-sm-3  control-label">广告位类型:</label>
                    <label class="col-sm-3 col-lg-2" style="padding-top:3px;">
                        <input type="text" class="form-control" name="slotType" id="slotType" placeholder="广告位类型..." maxlength="20"
                               ng-model="record.slotType">
                    </label>
                    <label class="col-sm-3  control-label">日展现量:</label>
                    <label class="col-sm-3 col-lg-2" style="padding-top:3px;">
                        <input type="number" class="form-control" name="dayShowVolume" id="dayShowVolume" placeholder="日展现量(万)..." maxlength="8"
                               ng-model="record.dayShowVolume">
                    </label>
                </div>
                <div class="line line-dashed b-b line-lg pull-in"></div>

                <div class="form-group">
                    <label class="col-sm-3  control-label"><span class="text-danger wrapper-sm">*</span>广告位编号:</label>
                    <label class="col-sm-3 col-lg-2" style="padding-top:3px;">
                        <input type="text" class="form-control" name="slotId" id="slotId" placeholder="广告位编号..." maxlength="15"
                               ng-model="record.slotId" required>
                    </label>
                    <label class="col-sm-3  control-label">是否立即启用:</label>
                    <label class="col-sm-3 col-lg-2" style="padding-top:3px;">
                        <select class="form-control" ng-model="record.enable" id="enable" TITLE="是否立即启用">
                            <option value="Y" >是</option>
                            <option value="N" >否</option>
                        </select>
                    </label>
                </div>
                <div class="line line-dashed b-b line-lg pull-in"></div>

                <div class="form-group">
                    <div class="col-sm-6 col-sm-offset-5" >
                        <button type="reset" class="btn btn-default w-xs">重置</button>
                        <button type="submit" class="btn btn-info w-xs m-l-xl" ng-disabled="isDisabled">保存</button>
                    </div>
                </div>
            </form>
        </div>
    </div>
</div>